<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@  taglib   uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<html>
<head>
<meta charset="utf-8">
<title>我的关注</title>
<link rel="stylesheet" href="css/showcart.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script type="text/javascript"  src="js/jq.js"></script>
<script src="js/imgs.js" type="text/javascript" charset="utf-8"></script>

<script>
    window.onload=function footer_img_non(){
      document.getElementById("footer_img").style.display="none";
    }
  </script>
  
<script type="text/javascript">
//  jq   onload  等页面上所有的  元素  都加载完毕后 才会调用
	$(function(){
		//-----
		$(".numl").click(function(){
			//获取  当前  32位  id    id+num  就是   数量的   span 
			var  sid  =  $(this).attr("id").substr(0, 32);
			//获取到 当前- 号对应的  数量的那个span
			var  scount =  parseInt($("#"+sid+"num" ).text());
			if(scount==1){
				if(confirm("确定取消关注吗？")){
					location.href =  "/fruits/star/RemoveStarBySidServlet?sid="+sid+"&uid=${user.uid}";
				}
				return  ;
			}

			$.ajax({
				async: false,
				cache: false,
				url: "/fruits/star/ChangeScountBySidServlet",
				type: "post",
				data: {'sid':sid,'count':-1},
				success: function(res){
					if(res){
						//1 更新    class=num  span 的数量 
						$("#"+sid+"num" ).text(scount-1);
						//2 小计  更新 
							//(1)求单价
						var  fprice =  parseFloat($("#"+sid+"fprice").text());
							//(2)求数量  上面求过了
						// 单价 *  新数量（老数量-1） =   小计      保留2位小数  .toFixed(2)
						var   subtotal=  ((scount-1) * fprice).toFixed(2);
						$("#"+sid+"subtotal").text(subtotal);
					}
				}	
			});
		});	
		
		
		
		
		
		//+++++
		//  获取到 所有的   +   给他们  都注册上一个 单击事件  
		$(".numr").click(function(){
			//获取  当前  32位  id    id+num  就是   数量的   span 
			var  sid  =  $(this).attr("id").substr(0, 32);
			//获取到 当前+ 号对应的  数量的那个span
			var  scount =  parseInt($("#"+sid+"num" ).text());
			$.ajax({
				async: false,
				cache: false,
				url: "/fruits/star/ChangeScountBySidServlet",
				type: "post",
				data: {'sid':sid,'count':1},
				success: function(res){
					if(res){
						//1 更新    class=num  span 的数量 
						$("#"+sid+"num" ).text(scount+1);
						//2 小计  更新 
							//(1)求单价
						var  fprice =  parseFloat($("#"+sid+"fprice").text());
							//(2)求数量  上面求过了
						// 单价 *  新数量（老数量+1） =   小计      保留2位小数  .toFixed(2)
						var   subtotal=  ((scount+1) * fprice).toFixed(2);
						$("#"+sid+"subtotal").text(subtotal);
					}
				}	
			});
		});	
	});
</script>  
</head>
<body >
	<div class="con">
		<div class="head">
			<a href="index.jsp"> <img src="img/logo_login.png" alt="" />
			</a>
		</div>
		<div class="shop_box">
			<div class="head_text_box">
				<span id="head_text"> 我的关注 </span>
			</div>

			<div class="shop_title">
				<div id="st1">商品</div>
				<div id="st2">规格</div>
				<div id="st3">单价</div>
				<div id="st4">数量</div>
				<div id="st5">小计</div>
				<div id="st6">操作</div>
			</div>
		<c:forEach  items="${starpovos}"  var="povo">
			<div class="shop">
				<div class="s1">
					<div class="s1_img">
						<a href="/fruits/fruit/GetFruitByFidServlet?fid=${povo.fruit.fid}"><img
							src="img/fruits/${povo.fruit.fid}/(1).jpg" /></a>
					</div>
					<div class="s1_text">
						<a href="/fruits/fruit/GetFruitByFidServlet?fid=${povo.fruit.fid }">${povo.fruit.fname }</a>
					</div>
				</div>

				<div class="s2">${povo.fruit.fnorm }</div>

				<div class="s3">
					￥<span id="${povo.star.sid}fprice">${povo.fruit.fprice }</span>
				</div>

				<div class="s4">
					<div class="Unum">
						<span id="${povo.star.sid}numl" class="numl" >-</span>
						<span id="${povo.star.sid }num">${povo.star.scount }</span>
						<span id="${povo.star.sid}numr" class="numr" >+</span>
					</div>
				</div>

				<div class="s5">
					￥<span id="${povo.star.sid}subtotal" class="fsum">${povo.subtotal }</span>
				</div>

				<div class="s6">
					<a href="/fruits/star/RemoveStarBySidServlet?uid=${user.uid}&sid=${povo.star.sid}">删除</a>
				</div>
			</div>
		</c:forEach>

			<div class="shop_footer">&nbsp;</div>
		</div>

	</div>
	
	
	
	
	
	<jsp:include page="footer/footer.jsp"></jsp:include>
</body>
</html>
